<div class="page-header">
  <span>{{page_info.widget_title}}</span>
  <div class="pull-right ">
    <input type="text" placeholder="输入日期如 2015-02-03" ng-model="page_info.to" />
    <button class="btn btn-xs btn-success" ng-click="searchDuedate()">截止日期</button>
  </div>
  <div class="clearfix"></div>
</div>
<table class="table table-hover table-bordered">
  <thead>
    <tr>
      <th>序号</th>
      <th>员工姓名</th>
      <th>证书类型</th>
      <th>证书编号</th>
      <th>到期时间</th>
      <th>状态</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat-start="duedate in (page_info.perpage_duedates | hasDuedateCertificate)">
      <td rowspan="{{duedate.duedate_papers.length}}">{{$index + 1}}</td>
      <td rowspan="{{duedate.duedate_papers.length}}">{{duedate.employee.name}}</td>
      <td>{{duedate.duedate_papers[0].paper_type.name}} </td>
      <td>{{duedate.duedate_papers[0].paper_no}}</td>
      <td>{{duedate.duedate_papers[0].due_date}}</td>
      <td>{{duedate.duedate_papers[0].state | translate}}</td>
    </tr>
    <tr ng-repeat-end ng-repeat="paper in duedate.duedate_papers.slice(1)">
      <td>{{paper.paper_type.name}} </td>
      <td>{{paper.paper_no}}</td>
      <td>{{paper.due_date}}</td>
      <td>{{paper.state | translate}}</td>
    </tr>
  </tbody>
</table>
